<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人简历</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	<style>
		.clearfix::after{
			content: '';
			display: block;
			clear: both;
		}
		.layout{
			width:960px;
			margin:30px auto;
			padding:20px;
			background: #1fe8cd;
		}
		body{
			color: #795555;
			background: #0ee6aa;
		}
		
	</style>
</head>
<body>
	<div class="layout">
		<header class="clearfix">
			<figure>
				<img src="img/1.png" alt="我的头像">
				<div class="name">
					<h1>YYM-杨雨蒙</h1>
					<p>前端工程师</p>
				</div>
			</figure>
			<div class="information">
				<h4>contacts</h4>
				<ul class ="individual">
					<i class="iconfont">&#xe601;</i><li>安徽</li>
					<i class="iconfont">&#xe609;</i><li>18026493873</li>
					<i class="iconfont">&#xe604;</i><li>18026493873@163.com</li>
					<i class="iconfont">&#xe600;</i><li>https://github.com/yym-yumeng123</li>
				</ul>
			</div>
		</header>

		<main>
			<!-- 工作经验 -->
			<section class="work">
				<h3>WORK EXPERIENCE</h3>
				<div class="experience time-line">
					<h4>
						比亚迪汽车/
						<span>2016.3-至今</span>
					</h4>
					<p>主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向</p>
				</div>
				<div class="experience time-line">
					<h4>
						比亚迪汽车/
						<span>2016.3-至今</span>
					</h4>
					<p>主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向</p>
				</div>
				<div class="experience time-line">
					<h4>
						比亚迪汽车/
						<span>2016.3-至今</span>
					</h4>
					<p>主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向</p>
				</div>
				<div class="experience time-line">
					<h4>
						比亚迪汽车/
						<span>2016.3-至今</span>
					</h4>
					<p>主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向主要发展方向</p>
				</div>
			</section>
			<section class="education">
				<h3>EDUCATION</h3>
				<div class="school time-line">
					<h4>
						芜湖职业技术学院/
						<span>2012.9-2015.7</span>
					</h4>
					<p>设计与制造</p>
				</div>
			</section>
		</main>
		<!-- 技能 -->
		<footer class="clearfix">
			<!-- 证书 -->
			<div class="certificate">
				<h3>Certificate</h3>
				<div class="cer-skill">
					<h4>English</h4>
					<p>CET-4:英语过了四级,有良好的基础</p>
			    </div>
			    <div class="cer-skill">
					<h4>English</h4>
					<p>CET-4:英语过了四级,有良好的基础</p>
			    </div>
			</div>
			<!-- 知识点 -->
			<div class="skill">
				<h3>Professional Skills</h3>
				<ul>
					<li>HTML & CSS</li>
					<li>JavaScript</li>
					<li>HTML5 & CSS3</li>
				</ul>
			</div>
		</footer>
	</div>
</body>
</html>
